<template>
  <div>
    <router-link v-for="item in links" :key="item.path" :to="item.path">
      {{ item.text }}
    </router-link>
  </div>
</template>

<script>
export default {
  data() {
    return {
      links: [
        {
          path: '/',
          text: '首页',
        },
        {
          path: '/about',
          text: '关于',
        },
        {
          path: '/rikao',
          text: '日考',
        },
        {
          path: '/task',
          text: '任务',
        },
      ],
    }
  },
}
</script>

<style></style>
